/*
 * @Author: your name
 * @Date: 2021-03-18 09:31:19
 * @LastEditTime: 2021-03-23 15:49:19
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \src\js\list.js
 */
require(['./config'], () => {
    require(['template', 'header', 'footer', 'jquery'], (template) => {
        class yyk_list {
            constructor() {
                this.render_1();
                this.render_2();
                this.render_3();
                //this.arr=[]
            }
            render_1(){
                $.ajax({
                    url:'http://rap2api.taobao.org/app/mock/data/1908291',

                }).then(res=>{
                    if(res.code === 200){
                        this.render_one(res)
                    }
                    
                })
            }
            render_2(){
                $.ajax({
                    url:'http://rap2api.taobao.org/app/mock/data/1910153',
                }).then(res=>{
                    if(res.code === 200){
                        this.render_two(res)
                    }
                })
            }
            render_3(){
                $.ajax({
                    url:'http://rap2api.taobao.org/app/mock/data/1910928',
                    dataType:'json'
                }).then(res=>{
                    if(res.code === 200){
                        //console.log(res)
                        this.render_three(res)
                    }
                })
            }
            render_one(res){
                // 将 res.data 解构，并重新取名为listOne
                const { data:listOne } = res;
                $('.list_template').html(template('lt',{listOne}))
            }
            render_two(res){
                const { list } = res;
                $('.list2_template').html(template('mt',{list}))
            }
            render_three(res){
                const { data } = res;
                //console.log(data)
                $('.list3_template').html(template('ht',{data}))
                console.log(data)
                this.shop()
            }
            shop(){
                let arr = []; // 可以在这里创建空数组，也可以在constructor里面创建。
                //const _this=this  // 指向constructor

                $('.shopping').click(function(){
                    // 创建一个对象，将其保存至本地存储
                    let obj = {};
                    obj.name = $(this).parent().children('h5').text();
                    obj.price = $(this).parent().children('h5').next().children('span').text() - 0;
                    obj.id = $(this).parent().attr('listId');
                    // 把对象添加到数组
                    arr.push(obj);
                    localStorage.setItem('arr',JSON.stringify(arr))
                    console.log(arr)
                }) 
            }
        }
        return new yyk_list()
    })
})